<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="java.util.ArrayList" %>
<%@ page import="pojo.Brand" %><%--  在第一行加入【JSP指令：page,include,taglib】 --%>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌管理页</title>
    <style type="text/css">
        table{
            width: 100%;
            border-collapse: collapse;
        }
        table td{
           border: 1px solid #000;
           text-align: center;
        }
        table tr {
        }
        .jk span{
            background-color: #76afe8;
            border-radius: 8px;
            color: #fff;
            font-weight: bold;
        }
        .sx span{
            background-color: #dad9d6;
            border-radius: 8px;
            border: 2px solid #76afe8;
            color: #76afe8;
            font-weight: bold;
        }
        .sx select{
            border-radius: 8px;
            border: 2px solid #76afe8;
            font-weight: bold;
        }
        .sx input{
            border-radius: 8px;
            border: 2px solid #76afe8;
            color: #76afe8;
            font-weight: bold;
        }
        .sx input{

        }
        /*  HTML5已不支持   border="1" cellspacing="0" width="800" */
    </style>
</head>
<body>
<h1>${LOGIN_USER.username},欢迎您!!
    <a href="${ctx}/logout" style="text-decoration: none">[注销]</a>
</h1>
<div class="sx">
            <span>&nbsp;状态:&nbsp;</span><select>
                    <option>全部状态</option>
                    <option>启用</option>
                    <option>禁止</option>
                </select>
            <span>&nbsp;品牌名称:&nbsp;</span> <input type="text"  placeholder="请输入查询关键词" id="#" style="text-align: center">
                    <input type="button" value="查询">
                    <input type="button" value="重置">

                    <input type="button" value="新增"  id="addBtn" style="float: right;">
                    <input type="button" value="批量删除" style="float: right;">
</div>
<hr>
<table>
    <tr>
        <th>选择</th>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>
    </tr>

    <c:forEach items="${pageBean.data}" var="brand">
           <tr>
               <td><input type="checkbox"></td>
               <td>${brand.id}</td>
               <td>${brand.brandName}</td>
               <td>${brand.companyName}</td>
               <td>${brand.ordered}</td>
               <td>${brand.description}</td>
               <td>
                   <c:if test="${brand.status == 1}">
                       启用
                   </c:if>
                   <c:if test="${brand.status == 0}">
                       禁用
                   </c:if>
               </td>
               <td><a href="${ctx}/toUpdate?id=${brand.id}">修改</a>
                   <a href="${ctx}/delete?id=${brand.id}" onclick="if (confirm('确定删除？')==false)return false">删除</a></td>
           </tr>
       </c:forEach>

</table>
<!-- 分页工具容器-->
<div class="page-container">
    <!-- 分页工具栏（pageBar）-->
    <jsp:include page="/pageBar/pageBar.jsp">
        <jsp:param name="url" value="/selectAll" />
    </jsp:include>
</div> <!-- end of page-container -->
<div class="jk">
    <span>&nbsp;当前在线人员是：${applicationScope.OnlineCount}&nbsp;</span>
</div>
<script>
    function getContextPath() {
        var pathName = document.location.pathname;
        var index = pathName.substr(1).indexOf("/");
        var result = pathName.substr(0,index+1);
        return result;
    }
    let addBtn = document.querySelector("#addBtn");
    addBtn.addEventListener('click',function () {
        window.location.href = getContextPath() + "/addBrand.jsp"
    })
</script>
</body>
</html>